DOM event
from DOM
spec
3つのphaseがある
① capture phase
② target phase
③ bubble phase
https://gyazo.com/2bf34ec155c91fd94747e06ec6c078b9 https://www.w3.org/TR/DOM-Level-3-Events/#dom-event-architecture
<td>をclickしたときのevnet flow
①〜③が起きる場合はこの順序に起きる
event objectを渡していっている
が、各phaseがskipされる場合もある
例えばEvent.stopPropagation()があれば、③はskipされる
#WIP
上図、なんで一番下の緑の矢印は実線で区別されているんだ #??
https://domevents.dev/
GUIで可視化して遊ぶやつ
https://egghead.io/courses/the-ultimate-guide-for-understanding-dom-events-6c0c0d23